<template>
	<view class="pages pt-20">
		<view class="" v-if="pagesLists.length">
			<view class="pages-card row-box " v-for="(item,index) in pagesLists" :key="index">
				<image class="icon" src="/static/images/customer/tag-icon-1.png" mode="scaleToFill"></image>
				<view class="ml-30 flex-1 mr-20">
					<view class="fw-6 fc-0">
						顾客标签名称（188）
					</view>
					<view class="fs-sm">
						自动打标签
					</view>
				</view>
				<view class="iconfont">
					&#xe687;
				</view>
			</view>
		</view>
		<view class="mt-50 mb-50" v-else>
			<u-empty text="暂无标签哟！~" textColor='#333' textSize='32rpx'
				icon="/static/images/common/no_data.png"></u-empty>
			<view class="mt-20 fc-9" style="width: 100%;text-align: center;">
				创建新的标签 精细化管理顾客
			</view>
		</view>
		<view class="btn-ac fcc " style="flex-direction: row;" @click="$fn.toPages('/pages/customer/customerTagsAdd')">
			<image class="icon-sm mr-10" src="/static/images/customer/add-icon.png" mode="scaleToFill"></image>
			<text class="fc-w fs-lg">创建标签</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pagesLists: []
			};
		}
	}
</script>

<style lang="scss" scoped>
	.btn-ac {
		width: 690rpx;
		height: 96rpx;
		margin: 50rpx auto 0;
	}

	.icon {
		width: 72rpx;
		height: 72rpx;
	}
</style>